<template>
    <div class="calculate">
        <div class="calculate_button" @click="calculateCost">计算成本</div>
    </div>
</template>
<script setup lang="ts">
import { defineEmits } from 'vue';
const emit = defineEmits(['onClick']);

const calculateCost = () => {
    emit('onClick');
};

</script>
<style lang="less" scoped>
.calculate {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 16px;
    box-sizing: border-box;

    .calculate_button {
        width: 68px;
        height: 22px;
        border-radius: 2px;
        border: 1px solid #0094FF;
        line-height: 22px;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        color: #0094FF;
    }
}
</style>